<template>
	<view>
		<view class="box">
			<!-- <view class="ima">
				<image src="https://d-chanxiangjc.bigchun.com/static/img.png" mode=""></image>
			</view>
			<view class="box-top">
深圳优美集团是专业的净水设备解决方案提供商，集研发、生产、销售净水设备为一体的创新型高科技企业;公司现拥有国际领先的超滤膜技术和反渗透净水器研发能力。其技术实力、生产规模、产品品质处于行业领先地位;主营产品有RO纯水机、超滤机、厨房净水机、中央净水机、全屋净水机等五大系列产品，获得卫生部卫生许可批件和检测报告，品质标准均参照美国NSF标准执行，其品质深受消费者的信赖和业界认可。
			</view>
			<view class="ima">
				<image src="https://d-chanxiangjc.bigchun.com/static/img.png" mode=""></image>
			</view> -->
			<view class="box-top">
				<view v-html="detailProject.project_desc"></view>
			</view>
			<view class="botm">
				<view class="bot-btn" @click="poptom" >
					我有项目
				</view>
				<view class="bot-btn btms" @click="poptom">
					我要参与
				</view>
			</view>
		</view>
		<u-popup v-model="show" mode="center" length="60%" border-radius="20">
			<view class="box_pop">
				<view class="top">
						申请展示项目
					</view>
					<view class="model">
						 请拨打：
						<text class="tel">13265326598</text>          
				</view>
					<view class="btd" @click="text">
						好的
					</view>
			</view>
				
		</u-popup>
	</view>
</template>

<script>
	import http from '@/shopro/request/index.js';
	export default {
		data() {
			return {
				 show: false,
				 detailProject:{}
			};
		},
		onLoad(options) {
			this.getDetail(options.id)
		},
		methods:{
			getDetail(id){
				http('city.projectDetail',{id})
				.then(res=>{
					console.log(res);
					this.detailProject = res.data
				})
				.catch((err) => {
					
				})
			},
			poptom(){
				this.show=true;
			},
			text(){
				this.show=false;
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fff;
}
.box{
	padding: 0 30rpx;
}
.box_pop{
	width: 500rpx;
	// height: 360rpx;
	background: #FFFFFF;
	border-radius: 20rpx;
}
.btd{
	width: 360rpx;
	height: 76rpx;
	background: #ED861F;
	border-radius: 16rpx;
	font-family: PingFang;
	font-weight: bold;
	font-size: 32rpx;
	color: #FFFFFF;
	line-height: 69rpx;
	text-align: center;
	    margin-left: 56rpx;
	margin-right: 74rpx;
	margin-bottom: 39rpx;
	margin-top: 65rpx;
}
.ima{
	height: 340rpx;
	width: 100%;
	margin: 27rpx 0 54rpx;
	image{
		height: 340rpx;
		width: 100%;
	}
}
.top{
	font-family: PingFang;
	font-weight: 500;
	font-size: 32rpx;
	color: #191919;
	line-height: 70rpx;
	text-align: left;
	margin-top:77rpx;
	    margin-left: 56rpx;
	margin-right: 74rpx;
}
.model{
	font-family: PingFang;
	font-weight: 500;
	font-size: 32rpx;
	color: #191919;
	line-height: 70rpx;
	text-align: left;
	    margin-left: 56rpx;
	margin-right: 74rpx;
	.tel{
		color: #227AFF;
	}
}
.box-top{

	font-family: PingFang;
	font-weight: 500;
	font-size: 30rpx;
	color: #333333;
	line-height: 50rpx;
}
.botm{
	display: flex;
	justify-content: space-between;
}
.bot-btn{
	width: 335rpx;
	height: 90rpx;
	background: #ADCD2C;
	border-radius: 16rpx;
	font-family: PingFang;
	font-weight: bold;
	font-size: 32rpx;
	color: #FFFFFF;
	line-height: 90rpx;
	text-align: center;
}
.btms{
	background-color:  #ED861F;
}
</style>
